import React, { Component } from 'react';
import { List, NavBar, Card, Button, WhiteSpace, Flex, Icon, SearchBar, Switch, WingBlank } from 'antd-mobile';
import { Link } from "react-router-dom";
import { LeftOutlined } from '@ant-design/icons';
import { Avatar } from 'antd';




// import { Redirect } from 'react-router-dom';
// import './index.css'
const data = [{
    url: 'https://zos.alipayobjects.com/rmsportal/PZUUCKTRIHWiZSY.jpeg',
    id: '2121',
}, {
    url: 'https://zos.alipayobjects.com/rmsportal/hqQWgTXdrlmVVYi.jpeg',
    id: '2122',
}];
class MsgPage extends Component {
    constructor(props) {
        super(props);
        this.state = {
            user: '',
            pwd: '',
            files: data,
            multiple: false,
        }
        this.register = this.register.bind(this)
        this.handleLogin = this.handleLogin.bind(this)
    }

    register() {
        this.props.history.push('/register');
    }

    handleLogin() {
        // this.props.login(this.props.state)

        this.props.history.push('/home/home');

    }

    render() {
        const Item = List.Item;
        return (
            <div style={{ backgroundColor: '#F5F5F9', }}>
                <NavBar
                    mode="dark"
                    leftContent={<Link to='/home'><LeftOutlined style={{ fontSize: 20, color: '#fff' }} /></Link>}

                >
              关注

                </NavBar>

                <List>
                    <Link to='userdtl'>
                        <Item
                            thumb={<Avatar></Avatar>}
                            arrow="horizontal"
                            onClick={() => { }}
                        >蔡徐坤</Item>
                        <Item
                            thumb={<Avatar></Avatar>}
                            arrow="horizontal"
                            onClick={() => { }}
                        >蔡徐坤</Item>
                        <Item
                            thumb={<Avatar></Avatar>}
                            arrow="horizontal"
                            onClick={() => { }}
                        >蔡徐坤</Item>
                       
                    </Link>

                </List>
            </div>
        );
    }
}

export default MsgPage;